{{template "admin/public/head.html" .}}
<section>
	<aside>
		{{template "admin/public/nav.html" .}}
	</aside>
	<article>
		<div class="top-title">
			<dl>
				<dt><h1>{{.title}}</h1></dt>
				<dd>&nbsp;</dd>
				<dd><a href="wood_help.html"><i class="iconfont">&#xe649;</i>帮助文档</a></dd>
			</dl>
		</div>
		
		<div class="content">
			<div class="release">
				<dl>
					<dt><i class="iconfont">&#xe649;</i> <b>{{.title}}说明</b><br>
						<p>根据需要先选择栏目,<mark>在选择产品,最少需要勾选{{ .info.pnum }}个商品用于放入首页板块推荐</mark></p>
						<p>只选择栏目无效</p>
					</dt>
				</dl>
			</div>
			<form action="" method="get" autocomplete="on" class="form">
				<table class="table1">
					<thead><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th><th width="10%"></th><th width="15%"></th></thead>
					<tr>
						<td class="genre">名称</td>
						<td colspan="3">
							<input type="text" class="input95" name="name" placeholder="请输入名称！" value="{{ .info.name }}">							
						</td>
						<!-- <td class="genre">排序</td>
						<td colspan="3">
							<input type="number" class="input95" name="sort" placeholder="请输入排序！" value="{{ .info.sort }}">
						</td> -->
					</tr>
					<tr>
						<td class="genre">简介</td>
						<td colspan="7">
							<input type="text" class="input95" name="intr" placeholder="请输入简介！" value="{{ .info.intr }}">
						</td>
					</tr>
					<tr>
						<td class="genre">PC端缩略图</td>
						<td colspan="7">
							<div class="thumbnail">
								<dl>
									<dt>
										<img src="{{ .info.pathname }}" class="uppic"><input type="file" onchange="uppic(this,'function')" accept="image/*">
										<input type="hidden" name="img" value="{{ .info.img }}">
									</dt>
									<dd>缩略图</dd>
									<dd class="del_img">删除图片</dd>
								</dl>
								<p>应传图片大小:{{ .info.pcImgSize }}</p>
							</div>
						</td>
					</tr>
					<tr>
						<td class="genre">移动端缩略图</td>
						<td colspan="7">
							<div class="thumbnail">
								<dl>
									<dt>
										<img src="{{ if .mobileimg }}{{ .mobileimg }}{{else}}/static/all/uppic.png{{ end }}" class="uppic"><input type="file" onchange="uppic(this,'function')" accept="image/*">
										<input type="hidden" name="mobileimg" value="{{ .info.mobileimg }}">
									</dt>
									<dd>缩略图</dd>
									<dd class="del_img">删除图片</dd>
								</dl>
								<p>应传图片大小:{{ .info.mobileImgSize }}</p>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="8">
							<input type="text" class="select95 sxAll sx" placeholder="搜索(全部)">
						</td>
					</tr>
					{{ range .column }}
					<tr id="{{ .id }}">
						<td class="genre" colspan="2">
							<label class="checkbox">
								<input type="checkbox" name="cid" value="{{ .id }}" {{ if $.info.cid }} {{ tipcheck .id $.info.cid }} {{ end }}>
								{{ .name }}
							</label>
						</td>
						<td colspan="6">
							<input type="text" pid="{{ .id }}" class="select95 sx" placeholder="搜索需要添加的商品名称">
						</td>
					</tr>
					<tr class="product" pid="{{ .id }}">
						<td colspan="8">
							{{ range .product }}
							<label class="checkbox">
								<input type="checkbox" name="pid" value="{{ .id }}" {{ if $.info.pid }} {{ tipcheck .id $.info.pid }} {{ end }}>
								{{ .title }}
							</label>
							{{ end }}
						</td>
					</tr>	
					{{ end }}
					<input type="hidden" name="id" value="{{ .info.id }}">
					<input type="hidden" name="defaultsort" value="{{ .info.defaultsort }}">
			</form>
			<tr class="trbutton">
				<td colspan="2"><button type="button" class="button">保存</button></td>
				<td colspan="6">
					<p>
						<i class="iconfont">&#xe649;</i> 请检查内容确认发布的内容没有涉及传播谣言、政治话题或违反广告法夸大宣传产品等。
					</p>
					<div class="help">帮助
						<div class="help_qr"><img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/all/qr-code.jpg" alt=""></div>
					</div>
				</td>
			</tr>
			</table>
		</div>
	</article>
</section>

<footer><!-- 系统监控内容 --></footer>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/jquery.jedate.min.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/toast.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/uppic.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/xcConfirm.js"></script>
<script src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/admin/js/app.js"></script>
<script>
	$('input[name="cid"]').each(function () {
		var check = $(this).prop('checked')
		var id = $(this).parent().parent().parent().attr('id')
		if (check) {
			$('tr[pid=' + id + ']').show()
		} else {
			$('tr[pid=' + id + ']').hide()
		}
	})
	$('input[name="cid"]').click(function () {
		var check = $(this).prop('checked')
		var id = $(this).parent().parent().parent().attr('id')
		if (check) {
			$('tr[pid=' + id + ']').show()
		} else {
			$('tr[pid=' + id + ']').hide()
		}
	})
	// $('input[name="pid"]').each(function () {
	// 	if ($(this).prop('checked')) {
	// 		$(this).parent().show()
	// 	}
	// })

	// $('.product').on('click', 'input[name="pid"]',function () {
	// 	var id = $(this).parents("tr.product").attr("pid")
	// 	if (!$(this).prop('checked') && !$(".sxAll").val().trim() && !$("#"+id).find(".sx").val().trim()) {
	// 		$(this).parent().hide()
	// 	}
	// })
	$('.sx').bind('input propertychange', function(){
		var val=$(this).val()
		var id=$(this).attr('pid')
		var input;
		if(id){
			 input=$('tr[pid='+id+']').find('.checkbox')
		}else{
			 input=$('.product').find('.checkbox')
		}
		if(val==''){
			input.each(function(){
				$(this).show()
			})
		}else{
			input.each(function(){
				var res=$(this).text().indexOf(val)
				if(res==-1){
					$(this).css('display','none')
				}else{
					$(this).show()
				}
			})
		}
	})

	// $('.sx').bind('input propertychange', function () {
	// 	var val = $(this).val()
	// 	var id = $(this).attr('pid')
	// 	var input
	// 	if (id) {
	// 		input = $('tr[pid=' + id + ']').find('.checkbox')
	// 	} else {
	// 		input = $('.product').find('.checkbox')
	// 	}
	// 	if (!val) {
	// 		input.each(function () {
	// 			$(this).hide() 
	// 			if ($(this).children().prop('checked')) {
	// 				$(this).show()
	// 			} 
	// 		})
	// 	} else {
	// 		input.each(function () { 
	// 			var res = $(this).text().indexOf(val)
	// 			if (res == -1) {
	// 				$(this).hide()
	// 			} else {
	// 				$(this).show()
	// 			}
	// 		})
	// 	}
	// })
	$('.button').click(function () {
		{{ if eq .gid "0" }}
		if (!$('input[name="name"]').val()) {
			wxc.xcConfirm('请输入名称！', 'info')
			return
		}
		if (!$('input[name="img"]').val()) {
			wxc.xcConfirm("请上传图片！","info")
			return
		}
		if (!$('input[name="mobileimg"]').val()) {
			wxc.xcConfirm("请上传移动端图片！","info")
			return
		}
		{{ end }}
		var form = $('form').serialize()
		console.log(form)
		$.ajax({
			url: window.location.href,
			data: form,
			type: 'post',
			success: function (res) {
				if (res == 1) {
					window.wxc.xcConfirm('保存成功', 'success', { onClose: function () {
						window.location.href = document.referrer
					}})
				} else {
					window.wxc.xcConfirm('保存失败,请重试!', 'error')
				}
			}
		})
	})
</script>
</body>
</html>
